@media screen and (max-width: 1180px) {
    .wrap, .grWidth{width: 96%; margin: 0 auto;}
    .range{padding: 20px 0}
    .show{padding: 30px 0}
    .in_yylybg{padding: 30px 0}
    #tyfled_news{padding: 30px 0}
    #Customer{padding: 20px 0}
    .foorterLink{padding: 10px 0}
    .footer-top{padding: 20px 0}
    .aboutBox1{padding: 20px 0}
    .zzbox{padding: 20px 0}
    .inhonor2bg{padding: 20px 0}
    .nypartener{padding: 20px 0}
    .nyservice1{padding: 20px 0}
    .nyservice1img{margin-top: 10px}
    .productPic{padding: 20px 0}
    .bg-light{padding: 20px 0}
    .productss{margin-top: 0}
    .news_r_text{padding: 20px 0}
    .xinwenxiangqing{padding: 20px 0}
    .contact{padding: 20px 0}

}

@media screen and (max-width: 980px) {
    .h_top{padding: 10px 0}
    .sjdh{position:fixed; left:-200px; top:0; background:#171e3d; width:200px; height:100vh; overflow-y:auto; -webkit-transition: 0.5s; transition: 0.5s; z-index:999; padding-top:20px;}
    .sjdh i.dhgb{display:block; margin:30px auto 0; width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC5ElEQVRYR8WX/XEUMQzFnyogHYRUEKgAUgF0QKiAUAGhAqACkgqACggVECogVABUIObnkQ+t17vrS/6IZ25yk7Otp6enD5vuedk929deANz9QNIzSQ8lPW3AX0m6kfTFzP6MOjYEwN0x9krS87j4VxjLdgB1GP/4LOmDmQFqda0CcHcufReGMfpe0pWZXfdudfdHwcxZgAHIazODme5aBBCXfZVKmM7M7GLLm/y7uwPiXJJLOlkC3QXg7qeSPkr6gUf7xLQBgWYIw7Gklz0nZgCS598knd7WeAUSwoW9Jz0mJgBi809JxPvWnrehinthApEeZadaAIgMtbNpJxzEuCakBUFOzgSz3yW9NTO0UdYOQCge7ycb2OTuoH8QFK7meHiLeP+a2aRWuDuG32QHMwC8R3wgnxhJoiT9UHQXRDJOOs5EF7/D7IWZkSUTBviBHAfEbG2B2DKeREltODazox2ARH83VdLhmp4TJkaNRzjrHUVnJQRRaonbRHwjTMQeznZp72QE1RWtEcqrCqCIw8xGe0NmAhtDxhOTVMci9lsBCNYQEX2CRb1HxEPL3e8GoIk5RlezoxOGGYBC6UgIknFUTJ5DP31jCESc/13TtBVhEcYSj63x2uG2UjTflwT/X4QRU2hhiCgFokMbna1kSvSJyUwwCsLdS8EzM+6bFCIKxKGZPd7X+FadaBig4F2bWZmucimuqTULQ/SCMu0sDRYdEFTVk8Y4Rj/lMt12w9Iya5lsLgV1dxTrMIahg3YAcXe8v8lNqgWAqonzrCMOJfjKpog9rX7CcG8iqjPBal/YB1AS6EzkSzMhgmT+vzOIZJz3Qh3rd/iXAJAiMPEi/hKS4cdGpDV3UKoR92VM1rM7tt4FdYLhIN8vt4BEsQI4+wGx2ic2u1/MCrBBSFiEh2zIFRNDpCmfSjNen2/NkpsAUirWVw+UMuf3Fu8IRvDF11N7aBhAJ9cZLPiwyO3F59daxvwDRyOnMBEvOT8AAAAASUVORK5CYII=); background-size:cover;}
    .sjdh ul{padding-top:0px; position:relative; z-index:2;}
    .sjdh ul li{padding:0px 0px 0;}
    .sjdh ul li a{font-size:16px; color:#fff; line-height:50px; display:block; text-align:center;}
    .sjdh ul li>a{ padding:0 10px;text-align:left; margin:0 10px; border-bottom:1px solid #2f3551;}
    .sjdh ul li a.xl_tb{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHCAYAAAABIM1CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxNzNGREI0MTEyQTgxMUU2QTZDNkI1MjZERjY5REFBRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMkM3RDBBMTlCQUYxMUU4OUM3NEQ5ODkwRkM5NDBENSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMkM3RDBBMDlCQUYxMUU4OUM3NEQ5ODkwRkM5NDBENSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzcyMjA5RUM1RjIwMTFFODgyQkVFRDkzQjQ5NTFFN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzcyMjA5RUQ1RjIwMTFFODgyQkVFRDkzQjQ5NTFFN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6hOXBlAAAAiklEQVR42nyQPQ9AMBiEq4MYxI+wYDAb/H2LTWIhwmy3CEPdm5xoil7yJO31ev0IjDGRUmoEOyjBofwKQQ9kXxag4DYHBnJPySunOTlonGBiu6uIa6d9iLYCYhRgAzOIrbWY3sbMc0N5goMGHVhBQlZ62s3ff/ClFqQcL6D6CvkKRI1kQP0XuAQYAAcDVmN//n+WAAAAAElFTkSuQmCC) right center no-repeat;}
    .sjdh .dh_ss{position:relative; width:85%; margin:auto;}
    .sjdh .dh_ss input{display:block; width:100%; padding:0 0 0 10px;color:#333; line-height:30px;}
    .sjdh .dh_ss a{position:absolute; right:8px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../images/ss.png) center no-repeat;}
    .dhan{position:absolute; right:2.5%;top:25px;cursor: pointer;z-index: 99; width:30px;height:25px; padding-top:5px;-webkit-transition: 0.5s;transition: 0.5s;}
    .dhan div{width:30px;height: 2px;background:#171e3d;border-radius: 2px;box-shadow: 0 0 0px #999;-webkit-transition: 0.5s;transition: 0.5s; position:relative; top:0;}
    .dhan div.dhan_2{margin:7px 0;}
    .dhan.hover{margin-right:0px;}
    .dhan.hover div.dhan_1{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:10px;}
    .dhan.hover div.dhan_2{margin:0; height:0; -webkit-transform:scale(0);transform:scale(0);}
    .dhan.hover div.dhan_3{-webkit-transform:rotate(45deg);transform:rotate(45deg);top:8px;}
    .dhov{left:0px;}
    .sjdh ul li .qhyy{display:block; text-align:left; margin-left:20px;}
    .sjdh ul li .qhyy a{display:inline-block; width:22px;}
    .sjdh ul li .qhyy a{margin:10px 15px 10px 0;}
    .sjdh ul li .dh_xl{position:fixed; left:-200px; top:0; background:#171e3d; width:200px; height:100%; z-index:3; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s;}
    .sjdh ul li .dh_xl.on{left:0;}
    .sjdh ul li .dh_xl a{display:block; font-size:14px; color:#fff; line-height:40px; display:block; padding:0 10px; text-align:left; margin:10px; border-bottom:1px solid #2f3551; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .dh_fl_fh{ position:absolute; left:10px; top:0; width:180px; height:50px; background:#171e3d url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2OTBCQThCNkVBQjExRTdCMkYxRTI0MEVBMkRBNzBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2OTBCQThDNkVBQjExRTdCMkYxRTI0MEVBMkRBNzBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzY5MEJBODk2RUFCMTFFN0IyRjFFMjQwRUEyREE3MEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzY5MEJBOEE2RUFCMTFFN0IyRjFFMjQwRUEyREE3MEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5WaBPBAAAA6ElEQVR42mL4//8/Aw4sAsTT8MijYFwSmkB8D4jPU2KQGxB//A8BB8g1KBOI//xHgGNArADFEsQYxAzEE/8TBj+A+CoQTwJiW3SD+IB423/ywE4gFoUZdOg/ZeAiEHOBDFIH4tsUGlbOCHYWA4MQEK8DYnsGVPATiFcD8VkgfgbEn4BYBIjNgTgaiAWh6i4hhzwbEM9Ds+kBnpgSBOK9UHW/sSkoB+J/RBgEM+zNfzwKAoD4KxEGgfAEIH6HT4EREB8lwqBoIN4DC2xcgA8awPhAABBrEDKIGBADxCcZiM2UeLA9iAYIMACYWyT9uLcHbgAAAABJRU5ErkJggg==) left center no-repeat; font-size:14px; line-height:50px; color:#fff; text-indent:25px; font-style:normal;border-bottom:1px solid #2f3551;}
    .sjdh ul li .dh_xl{padding-top:40px;}
    .nav_box{ background: none; position:inherit; height: auto;}
    .t_text, .t_pho{display: none;}
    .header{padding: 8px 0}
    .hd_logo h1 img{ height: 60px}
    .rt{width: 100%; height: auto}
    .w-languege{width: 30%; float: left;}
    .tel{display: none;}
    .feat_box>dl{padding: 20px 0}
    .range{height: auto; position:static; overflow: hidden;}
    .range_c dl{width: 48%; position:static; }
    .range_c dd{position: static; width: 100%; top:0; left: 0; min-height: 130px; padding: 10px;}
    .range_c dd .swz{line-height: 30px;}
    .daobox{display: none;}
    .inproright{width: 100%}
    .inproright li{width:48%}
    .m_an{margin-top: 0px;}
    .antab{width: 100%}
    .antab dl{width: 23.9%; height: auto; padding:10px; margin: 0 10px 10px 0}
    .antab dl.range_c dl:nth-child(4n){margin-right: 0}
    .antab .more{width:23.9%; height: auto; padding-top: 4px}
    .anc{width: 100%}
    .light_lt{width: 100%}
    #tyfled_news .h2_title{margin-bottom: 15px;}
    .news_rt{width: 100%; margin-top:20px;}
    .news_rt li.litop{height: auto}
    #tyfled_news .news_rt .h2_title{margin-left: 0}
    #nnews{margin-left: 0}
    .partner li{width: 33%; height: 87px}
    .aboutBox_l{width: 100%; margin-top: 20px}
    .aboutBox_r{width: 100%}
    .aboutBox_l .hTitle{margin-bottom:10px;}
    .m_zz li{width: 31.333%}
    .nypartener ul li{width:31.333%}
    .aboutMenu li{width: 22%}
    .nyservice1img ul li{width: 48%}
    .productPic li{width: 48%}
    .product-w-words{padding: 10px;}
    .company-cultures3{margin-top: 0}
    .company-cultures3 ul li{width: 48%; min-height: 160px;}
    .company-cultures3 ul li .fwbt{line-height: 30px;}
    .promore_l{width: 100%}
    .pros_right{width: 100%; margin-top: 20px;}
    .tabs-basic{margin-top: 25px}
    .view-page{margin:20px 0; padding-top:20px;}
    .news_r_text ul li .pic{width: 100%;margin-bottom: 15px;}
    .news_r_text ul li .text{width: 100%;}
    .xinwenxiangqing .nd_head{padding-bottom: 15px;}
    .relatedNews{margin-top: 20px}
    .relatedNews_font ul li{width: 97%}
    .inproright li .tu img{width:100%;}
}
@media screen and (max-width: 768px) {
    .feat_bg{display: none;}
    .ind-abt .intro{padding: 0}
    .ind-abt dl dd p{font-size: 14px;}
    .ind-abt dl dd span{font-size: 25px;}
    .light_lt{display: none;}
    #nnews{width: 100%}
    .picMarquee-top{width: 100%; margin-top:20px; margin-left: 0; height: auto}
    .antab dl{width: 31.333%}
    .antab .more{width: 31.333%}
    .fcpl{width: 100%}
    .ft-left{width: 100%; margin-bottom: 15px;}
    .ft-box{width: 28%}
    .ft-box-contact{display: none;}
    .ft-right{width: 100%}
    .footWx li{text-align: center;}
    .m_zz li{width: 48%}
    .m_zz li em b{font-size: 24px;}
    .m_zz .zz1 .zi{font-size: 16px;}
    .ny_al ul li{width: 0.329%}
    .view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%;}
    .view-page .back a{padding-left: 0}
    .contact_lx{width: 100%}
    .list li .zi{padding-bottom: 15px}
    .tactfrms{width: 100%; margin-top: 15px;}
    .tactfrms li{width: 96%}


}

@media screen and (max-width:640px) {
    .range_c dl{width: 100%}
    .ind-abt dl{padding: 15px 0}
    .ind-abt dl dd{width: 29%}
    .partner li{width: 49.8%; height: 129px}
    .antab dl{width:48%}
    .antab .more{width: 48%}
    .ny_al ul li{width: 0.489%}
    .nypartener ul li{width:48%}
    .aboutMenu li{width: 47%; margin-bottom: 15px;}
    
}